<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
    <head>
        <title>CoolClock Demo</title>

        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" type="text/javascript"></script>
        <!--[if IE]><script type="text/javascript" src="excanvas.js"></script><![endif]-->
        <script src="../coolclock.js" type="text/javascript"></script>
        <script src="../moreskins.js" type="text/javascript"></script>

        <style type="text/css">
            body { font-family:sans-serif; }
            div { padding-bottom:1em; }
        </style>
    </head>
    <body>
        <h1>Demo</h1>
        <canvas class="CoolClock"></canvas>
        <canvas class="CoolClock:swissRail:120"></canvas>
        <canvas class="CoolClock::40:noSeconds:+2.5"></canvas>
        <canvas class="CoolClock:::::showDigital:logClock"></canvas>
        <canvas class="CoolClock:::::showDigital:logClockRev"></canvas>
    </body>
</html>